<template>
  <div class="clr">
    
    <div class="col xs-4">
      <cvmAccept title="各中队当日接警分布视图"></cvmAccept>
    </div>
    <div class="col xs-4">
      <cvmOrgDiscreet title="机构分布占比视图"></cvmOrgDiscreet>
    </div>
    <div class="col xs-4">
      <cvmDistrict title="当日警情比例视图"></cvmDistrict>
    </div>

    <div class="col xs-4">
      <cvmClassify title="当日警情分类视图"></cvmClassify>
    </div> 
    <div class="col xs-8">
      <cvmVehicleOrg title="执勤车辆按机构分布视图"></cvmVehicleOrg>
    </div>    

    <div class="col xs-4">
      <cvmWaterStatus title="水源状态占比视图"></cvmWaterStatus>
    </div>
    <div class="col xs-8">
      <cvmVehicleClass title="车辆类型占比视图"></cvmVehicleClass>
    </div>

    <div class="col xs-8">
      <cvmMerge title="时段报警视图"></cvmMerge>
    </div>

    <div class="col xs-4">
      <cvmPrearrangeProgress title="预案进度情况占比视图"></cvmPrearrangeProgress>
    </div>
    <!-- <div class="col xs-6">
        <vmEquipment title="消防装备情况"></vmEquipment>
    </div>-->
  </div>
</template>

<script>
import cvmClassify from "@/view/oldonepic/cvmClassify";
import cvmMerge from "@/view/oldonepic/cvmMerge";
import cvmDistrict from "@/view/oldonepic/cvmDistrict";
import cvmAccept from "@/view/oldonepic/cvmAccept";
import cvmVehicleOrg from "@/view/oldonepic/cvmVehicleOrg";
import cvmVehicleClass from "@/view/oldonepic/cvmVehicleClass";
import cvmWaterStatus from "@/view/oldonepic/cvmWaterStatus";
import cvmOrgDiscreet from "@/view/oldonepic/cvmOrgDiscreet";
import cvmPrearrangeProgress from "@/view/oldonepic/cvmPrearrangeProgress";

export default {
  name: "",
  data() {
    return {};
  },
  components: {
    cvmClassify: cvmClassify,
    cvmMerge: cvmMerge,
    cvmDistrict: cvmDistrict,
    cvmAccept: cvmAccept,
    cvmVehicleOrg: cvmVehicleOrg,
    cvmVehicleClass: cvmVehicleClass,
    cvmWaterStatus:cvmWaterStatus,
    cvmOrgDiscreet:cvmOrgDiscreet,
    cvmPrearrangeProgress:cvmPrearrangeProgress
  },
  mounted() {
    this.bus.$emit("loadView", "onepic");
  }
};
</script>

<style lang="" scoped>
</style>